<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    .box {
      width: 500px;
      margin: 100px auto; 
    }
    .box1 {
      position: relative;
    }
    .box1 a {
      display: block;
      height: 35px;
      text-decoration: none;
      color: black;
      background: linear-gradient(#cecece,#8f8f8f);
      padding-left: 10px;
    }
   
    .box span {
      width: 0;
      height: 0;
      border-top: 5px solid white;
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent;
      position: absolute;
      right: 15px;
      top: 15px;
    }  
    
    .box1 p {
      height: 0px;
      padding-left: 5px;
      margin: 5px;
      overflow: auto;
      transition: all 1s;
    }
    :target p {
      height: 100px;
    }
    .box1:hover a {
      background: linear-gradient(#6bb2ff,#2288dd);
      color: white;
    }
    .box1:target a {
      background: linear-gradient(#6bb2ff,#2288dd);
      color: white;
    }
    .box1:target span {
      border-left: 5px solid white;
      border-top: 5px solid transparent;
      right: 10px;
    }
  </style>
</head>
<body>
  <div class="box">
    <div class="box1" id="one">
      <a href="#one">银杏</a>
      <span></span>
      <p>银杏（学名：Ginkgo biloba L.）是银杏科、银杏属植物。乔木，高达40米，胸径可达4米；幼树树皮浅纵裂，大树之皮呈灰褐色，深纵裂，粗糙；幼年及壮年树冠圆锥形，老则广卵形。叶扇形，有长柄，淡绿色，无毛，有多数叉状并列细脉，顶端宽5-8厘米，在短枝上常具波状缺刻，在长枝上常2裂，基部宽楔形。球花雌雄异株，单性，生于短枝顶端的鳞片状叶的腋内，呈簇生状；雄球花葇荑花序状，下垂。种子具长梗，下垂，常为椭圆形、长倒卵形、卵圆形或近圆球形。
      银杏为中生代孑遗的稀有树种，系中国特产，仅浙江天目山有野生状态的树木，生于海拔500-1000米、酸性（pH值5-5.5）黄壤、排水良好地带的天然林中，常与柳杉、榧树、蓝果树等针阔叶树种混生，生长旺盛。朝鲜、日本及欧美各国庭园均有栽培。
      银杏为速生珍贵的用材树种，边材淡黄色，心材淡黄褐色，结构细，质轻软，富弹性，易加工，有光泽，比重0.45-0.48，不易开裂，不反挠，为优良木材，供建筑、家具、室内装饰、雕刻、绘图版等用。种子供食用（多食易中毒）及药用。叶可作药用和制杀虫剂，亦可作肥料。种子的肉质外种皮含白果酸、白果醇及白果酚，有毒。树皮含单宁。银杏树形优美，春夏季叶色嫩绿，秋季变成黄色，颇为美观，可作庭园树及行道树。</p>
    </div>
    <div class="box1" id="two">
      <a href="#two">紫叶李</a>
      <span></span>
      <p>银杏（学名：Ginkgo biloba L.）是银杏科、银杏属植物。乔木，高达40米，胸径可达4米；幼树树皮浅纵裂，大树之皮呈灰褐色，深纵裂，粗糙；幼年及壮年树冠圆锥形，老则广卵形。叶扇形，有长柄，淡绿色，无毛，有多数叉状并列细脉，顶端宽5-8厘米，在短枝上常具波状缺刻，在长枝上常2裂，基部宽楔形。球花雌雄异株，单性，生于短枝顶端的鳞片状叶的腋内，呈簇生状；雄球花葇荑花序状，下垂。种子具长梗，下垂，常为椭圆形、长倒卵形、卵圆形或近圆球形。
      银杏为中生代孑遗的稀有树种，系中国特产，仅浙江天目山有野生状态的树木，生于海拔500-1000米、酸性（pH值5-5.5）黄壤、排水良好地带的天然林中，常与柳杉、榧树、蓝果树等针阔叶树种混生，生长旺盛。朝鲜、日本及欧美各国庭园均有栽培。
      银杏为速生珍贵的用材树种，边材淡黄色，心材淡黄褐色，结构细，质轻软，富弹性，易加工，有光泽，比重0.45-0.48，不易开裂，不反挠，为优良木材，供建筑、家具、室内装饰、雕刻、绘图版等用。种子供食用（多食易中毒）及药用。叶可作药用和制杀虫剂，亦可作肥料。种子的肉质外种皮含白果酸、白果醇及白果酚，有毒。树皮含单宁。银杏树形优美，春夏季叶色嫩绿，秋季变成黄色，颇为美观，可作庭园树及行道树。</p>
    </div>
    <div class="box1" id="three">
      <a href="#three">栾树</a>
      <span></span>
      <p>银杏（学名：Ginkgo biloba L.）是银杏科、银杏属植物。乔木，高达40米，胸径可达4米；幼树树皮浅纵裂，大树之皮呈灰褐色，深纵裂，粗糙；幼年及壮年树冠圆锥形，老则广卵形。叶扇形，有长柄，淡绿色，无毛，有多数叉状并列细脉，顶端宽5-8厘米，在短枝上常具波状缺刻，在长枝上常2裂，基部宽楔形。球花雌雄异株，单性，生于短枝顶端的鳞片状叶的腋内，呈簇生状；雄球花葇荑花序状，下垂。种子具长梗，下垂，常为椭圆形、长倒卵形、卵圆形或近圆球形。
      银杏为中生代孑遗的稀有树种，系中国特产，仅浙江天目山有野生状态的树木，生于海拔500-1000米、酸性（pH值5-5.5）黄壤、排水良好地带的天然林中，常与柳杉、榧树、蓝果树等针阔叶树种混生，生长旺盛。朝鲜、日本及欧美各国庭园均有栽培。
      银杏为速生珍贵的用材树种，边材淡黄色，心材淡黄褐色，结构细，质轻软，富弹性，易加工，有光泽，比重0.45-0.48，不易开裂，不反挠，为优良木材，供建筑、家具、室内装饰、雕刻、绘图版等用。种子供食用（多食易中毒）及药用。叶可作药用和制杀虫剂，亦可作肥料。种子的肉质外种皮含白果酸、白果醇及白果酚，有毒。树皮含单宁。银杏树形优美，春夏季叶色嫩绿，秋季变成黄色，颇为美观，可作庭园树及行道树。</p>
    </div>
  </div>
</body>
</html>